extends ../../components/layout
append style
  +css('orderBooking/orderBooking.css')
block title
  title 订单填写
block content
  include ../../components/data/hotelData
  .gzl-page
    section.gzl-section
      section
      // 订单信息
      .booking-top
        a(href="#")
          h1.booking-tit
            strong 豪华双人房
          .booking-info 度假园景房(3天2晚双人双园游+自助晚餐)度假园景 房.(3天2晚双人双园游+自助晚餐).
          .gzl-flex.booking-serve
            .gzl-flex__item
              span 双早
              span 32㎡
              span 双人床
            span.font-orange 房型详情
              +icon('#icon-arrow-right')
        .booking-date.gzl-flex
          .gzl-flex__item
            p 入住日期
            div: strong 3月7日
          span.days-num 3晚
          .gzl-flex__item
            p 离店日期
            div: strong 3月10日
      // 填写联系人
      - var bkcontact = ['联系人姓','联系人名','手机号码','电子邮箱']
      .booking-contact
        -for(var i=0;i<bkcontact.length;i++)
          .gzl-cell
            .gzl-label #{bkcontact[i]}
            .gzl-cell__bd
              input.gzl-input(placeholder='请输入'+bkcontact[i])
      // 预定数
      .booking-num-group
        .hotel-booking-num.gzl-flex
          .gzl-flex__item 房间数量
            em (每间房至少填1人)
            +icon
          .gzl-count
            .gzl-count__minus
              +icon('#icon-minus')
            .gzl-count__num 1
            .gzl-count__plus(data-max='5')
              +icon('#icon-plus')
        .booking-list(data-type="disney")
      // (可选服务,保险,优惠规则,备注)
      +otherBlock
    footer.gzl-footer
      +footbar
append script
  script(type="text/template", id="visitor-list")
    .booking-list-item
      .booking-list-tip 房间
        span 1
      .booking-list-hd
        <% if (hasNum) {%>
        .list-visitor
          span.adult-item 2
          | 成人
          span.child-item 0
          | 儿童
          span.elder-item 0
          | 长者
        <% } %>
        .list-count
          +icon('#icon-plus')
      ul.booking-list-bd
        - for (var i=0;i<2;i++)
          li
            <% if (type === "inland") { %>
            .gzl-cell
              .gzl-cell__bd
                input.gzl-input.surname-item(placeholder='姓(中文/英文)')
              .gzl-cell__bd
                input.gzl-input.name-item(placeholder='名(中文/英文)')
            <% } else if (type === "intl") { %>
            .gzl-cell
              .gzl-cell__bd
                input.gzl-input.surname-item(placeholder='姓(中文/英文)')
              .gzl-cell__bd
                input.gzl-input.name-item(placeholder='名(中文/英文)')
            <% } else if (type === "disney") { %>
            .gzl-cell
              .gzl-cell__bd
                input.gzl-input.surname-item(placeholder='姓(中文/英文)')
              .gzl-cell__bd
                input.gzl-input.name-item(placeholder='名(中文/英文)')
            .gzl-cell
              .gzl-cell__bd
                input.gzl-input.tel-item(placeholder='请输入手机号码')
              .gzl-cell__bd
                .gzl-select.gender-item.placeholder 选择游客类型
            <% } %>
  script(type="text/template", id="visitor-num")
    .list-visitor-select
      p.select-tip 最多入住<span class="font-warn">4</span>人，请按实际情况选择人数，否则入住时可能会收取额外费用
      <% _.each(obj, function(e, i){ %>
        .gzl-flex
          .gzl-flex__item <%= e.name %>
          .gzl-count
            .gzl-count__minus(data-min!="<%-e.min%>")
              +icon("#icon-minus")
            .gzl-count__num <%= e.num %>
            .gzl-count__plus
              +icon("#icon-plus")
      <% }) %>
  script(type="text/template", id="footbar-popup")
    .order-price-detail
      ul.price-list
        <% _.each(list, function(e, i){ %>
        li
          .price-list-bd.gzl-flex
            .gzl-flex__item.gzl-flex
              .gzl-flex__item <%= e.data %>
              span.price-item
                em.font-warn ￥<%= e.price %>
                | ×<%= e.num %>
            span.font-orange 注意事项
          .price-list-dropdown
            p <%= e.notice %>
        <% }) %>
      strong.tit-item 可选服务
      ul.other-list
        <% _.each(serve, function(e, i){ %>
        li.gzl-flex
          .gzl-flex__item <%= e.con %>
          .price-item
            em.font-warn ￥<%= e.price %>
            | ×<%= e.num %>
        <% }) %>
      strong.tit-item 优惠信息
      ul.other-list
        <% _.each(discounts, function(e, i){ %>
        li.gzl-flex
          .gzl-flex__item <%= e.con %>
          .price-item
            em.font-warn -￥<%= e.price %>
        <% }) %>
  +js('orderBooking/hotelOrderBooking.js')
